// 定义懒加载插件
import {useIntersectionObserver} from '@vueuse/core'

export const lazyPlugin = {
        install(app) {
                // 懒加载逻辑
                // 定义全局指令
                app.directive('img-lazy', {
                        mounted(el, binding) {
                                const {stop} = useIntersectionObserver(
                                        el,
                                        ([{isIntersecting}]) => {
                                                if (isIntersecting) {
                                                        // 进入视口区域
                                                        el.src = binding.value
                                                        stop()
                                                }
                                        },
                                )
                        }
                })
        }
}
